@import '@common/styles/base.scss';

.batch-tools-creator {
  width: 100%;
  overflow: auto;
  //   background: linear-gradient(0deg, #070909 0%, #070909 100%),
  //     url('../../static/icons/creator-bg.svg') lightgray 50% / cover no-repeat,
  //     url('../../static/icons/creator-bg.svg') lightgray 50% / cover no-repeat,
  //     rgba(255, 255, 255, 0.04);
  background:
    linear-gradient(180deg, rgba(7, 9, 9, 0), rgba(7, 9, 9, 1)),
    url('../../static/icons/creator-bg.svg') 50% / cover no-repeat,
    url('../../static/icons/creator-bg.svg') 50% / cover no-repeat,
    rgba(255, 255, 255, 0.08);
  min-width: $minWidth;
  @include scrollbar();

  &-content {
    padding: 24px;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    gap: 24px;
  }

  &-back-content {
    color: var(--text-color-text-1, rgba(255, 255, 255, 0.85));

    /* CN-Regular/14CN-Regular */
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }

  &-back-button {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }
}
